<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>荣耀手机</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="header">
        <div class="inner-c">
            <div class="header-left">
                <nav>
                    <ul>
                        <li><a href="#">魅族官网</a></li>
                        <li><a href="#">魅族商城</a></li>
                        <li><a href="#">Flyme</a></li>
                        <li><a href="#">专卖店</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </nav>
            </div>
            <div class="header-right">
                <a href="#">
                    我的收藏
                    <span class="new">new</span>
                </a>
                <a href="#">我的订单</a>
                <a href="#">登录</a>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <div class="topbar">
        <div class="inner-c">
            <h1 class="logo"></h1>
            <nav>
                <ul>
                    <li>PRO手机</li>
                    <li>魅蓝手机</li>
                    <li>MX手机</li>
                    <li>精选配件</li>
                    <li>智能硬件</li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="banner">
        <div class="inner-c">
            <div class="banner-img"></div>
            <div class="category">
                <ul>
                    <li>全部商品分类</li>
                    <li>手机</li>
                    <li>智能硬件</li>
                    <li>耳机 / 音箱</li>
                    <li>路由器 / 移动电源</li>
                    <li>保护套 / 后盖 / 贴膜</li>
                    <li>数据线 / 电源适配器</li>
                    <li>周边配件</li>
                </ul>
            </div>
            <a href="#" class="left">&lt;</a>
            <a href="#" class="right">&gt;</a>
            <ul class="dots">
                <li class="curr"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="ad">
        <div class="inner-c">
            <div class="box many">
                <div>
                    <img src="./images/1450855246-61162.png" alt="">
                    <p>M码通道</p>
                </div>
                <div>
                    <img src="./images/1450855279-64872.png" alt="">
                    <p>以旧换新</p>
                </div>
                <div>
                    <img src="./images/1450855198-58056.png" alt="">
                    <p>魅族意外保</p>
                </div>
                <div>
                    <img src="./images/1451960447-93534.png" alt="">
                    <p>回购单查询</p>
                </div>
            </div>
            <div class="box">
                <img src="./images/1469442560-64371.jpg" alt="">
            </div>
            <div class="box">
                <img src="./images/Cix_s1fuEgmAc5NwAABEl576SHY123.jpg" alt="">
            </div>
            <div class="box">
                <img src="./images/CnQOjVfhDa2AKtdyAAAtKjihE5E114.jpg" alt="">
            </div>
            <div class="box">
                <img src="./images/Cix_s1f66-eAGausAABXAszHWuE990.png" alt="">
            </div>
        </div>
    </div>
    <div class="phone">
        <div class="inner-c">
            <div class="head">
                <span>手机</span>
                <a href="#">更多 &gt;</a>
            </div>
            <div class="phone-list">
                <div class="phone-item">
                    <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">
                    <div class="info">
                        <p>魅蓝note3</p>
                        <p>11日-12日 限量开售</p>
                        <p>&yen;799</p>
                    </div>
                    <div class="tip">热卖</div>
                </div>
                <div class="phone-item">
                    <img src="./images/CnQOjVf8Qm2AGJwmAAf5c4NUNpI085_180x180.png" alt="">
                    <div class="info">
                        <p>魅蓝3</p>
                        <p>11日-12日 公开限量开售</p>
                        <p>&yen;599</p>
                    </div>
                </div>
                <div class="phone-item">
                    <img src="./images/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png" alt="">
                    <div class="info">
                        <p>魅蓝3s</p>
                        <p>11日-12日 限量开售</p>
                        <p>&yen;699</p>
                    </div>
                    <div class="tip">热卖</div>
                </div>
                <div class="phone-item">
                    <img src="./images/CnQOjVf4y6iAe-3RAAbqolcyaco939_180x180.png" alt="">
                    <div class="info">
                        <p>魅蓝metal</p>
                        <p>领券立减100元</p>
                        <p>&yen;999</p>
                    </div>
                    <div class="tip sale">特惠</div>
                </div>
                <div class="phone-item">
                    <img src="./images/Cix_s1f6EZaAMxvjAA2l_exLROk326_180x180.png" alt="">
                    <div class="info">
                        <p>魅蓝E</p>
                        <p>全网通 多彩金属机身</p>
                        <p>&yen;1299</p>
                    </div>
                    <div class="tip">热卖</div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="service-list inner-c">
            <dl>
                <dt>帮助说明</dt>
                <dd>支付方式</dd>
                <dd>配送说明</dd>
                <dd>售后服务</dd>
                <dd>付款帮助</dd>
            </dl>
            <dl>
                <dt>Flyme</dt>
                <dd>开放平台</dd>
                <dd>固件下载</dd>
                <dd>软件商店</dd>
                <dd>查找手机</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>关于魅族</dd>
                <dd>加入我们</dd>
                <dd>联系我们</dd>
                <dd>法律声明</dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>腾讯微博</dd>
                <dd>QQ空间</dd>
                <dd>官方微信</dd>
            </dl>
            <div>
                <p>24小时全国服务热线</p>
                <p class="tel">400-788-3333</p>
                <div class="btn">24小时在线客服</div>
            </div>
        </div>
        <div class="copyright">&copy;2016 Meizu Telecom Equipment Co., Ltd. All rights reserved. 备案号：粤ICP备13003602号-2 经营许可证编号：粤B2-20130198 营业执照
            <img src="./images/1450855198-58056.png" alt="">
            <img src="./images/footer-copy-1.png" alt="">
            <img src="./images/trust-icon.png" alt="">
        </div>
    </div>
</body>
</html>